<template>
  <div>
    <!-- <h2>
      我是Home的内容
    </h2> -->
    <div>
      <h2>Home组件内容</h2>
      <div>
        <ul class="nav nav-tabs">
          <li>
            <router-link
              class="list-group-item "
              to="/home/news"
              active-class="active"
            >News</router-link>
          </li>
          <li>
            <router-link
              class="list-group-item "
              to="/home/message"
              active-class="active"
            >Message</router-link>
          </li>
        </ul>
        <ul>
          <router-view></router-view>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  mounted() {
    console.log('home组件挂载完毕了');
  },
  beforeDestroy() {
    console.log('home组件即将被销毁了')
  }
}
</script>

<style>
</style>